<template>
	<view>



		<view v-if="list1.length>0">
			<u-swiper :height="450" :list="list1" @change="change" @click="swiper_click" keyName="image"></u-swiper>
		</view>
		<view>
			<u-notice-bar :text="notice" direction="column"></u-notice-bar>
		</view>
		<view class="nav_bg" :style="'background-image: url('+get_img+sys.home_nav_bg+');'">
			<!-- #ifdef MP-WEIXIN -->
			<u-grid :border="false" :col="4">
				<u-grid-item v-for="(baseListItem,baseListIndex) in baseList" :key="baseListIndex" @click="grid_click">
					<u-icon :customStyle="{paddingTop:10+'rpx'}" :name="baseListItem.name" :size="32"></u-icon>
					<text class="grid-text" :style="'color: '+sys.home_nav_color+';'">{{baseListItem.title}}</text>
				</u-grid-item>
			</u-grid>
			<!-- #endif -->
			<!-- #ifdef MP-TOUTIAO -->
			<view>
				<u-grid :border="false" :col="4">
					<view style="width: 750rpx;">
						<u-grid-item v-for="(baseListItem,baseListIndex) in baseList" :key="baseListIndex"
							@click="grid_click">
							<view style="margin-right: 15rpx;">
								<u-icon :customStyle="{paddingTop:10+'rpx'}" :name="baseListItem.name" :size="32">
								</u-icon>
							</view>
							<view style="width:150rpx; margin-left: 15rpx;">
								<text class="grid-text"
									:style="'color: '+sys.home_nav_color+';'">{{baseListItem.title}}</text>
							</view>


						</u-grid-item>
					</view>
				</u-grid>
			</view>
			<!-- #endif -->
		</view>
		<!-- 首页弹出图 -->
		<!-- v-if="is_chick==true" -->
		<view>
			<!-- <image v-if="is_tree == false " :src="get_img+sys.index_win_pic_two" class="book_img" @click="tree">
    	</image>
    	<image v-else-if="is_chick == true" :src="get_img+sys.index_win_pic" class="book_img" @click="get_check">
    	</image> -->
			<image v-if="show && is_coupon == true" :src="get_img+sys.coupon_popup" class="coupon_tc"
				@click="get_conpon">
			</image>
		</view>
		<!-- #ifdef MP-WEIXIN -->
		<view>
			<image :src="get_img+sys.follow_ghz_bg" style="width: 750rpx;height: 120rpx;" @click="navoff"></image>
		</view>
		<!-- #endif -->
		<!-- 上层图片 -->
		<!-- #ifdef MP-WEIXIN -->
		<view style="position: fixed;z-index: 10;width: 100rpx;height: 320rpx;right: 0;">
			<view @click="go_pay">
				<image :src="get_img+sys.pay_icon" style="width: 100rpx;height: 100rpx;"></image>
			</view>
		</view>
		<!-- #endif -->


		<view>
			<view  class="gg" v-if="image_banner_one[0].length>0" v-for="(item,index) in image_banner_one[0]"
				:key="index">
				<image mode="aspectFill" style="width: 650rpx;" @click="banners_nav(item)" :src="get_img+item.image">
				</image>
			</view>
			<view  class="gg" v-if="image_banner_one[1].length>0">
				<view v-for="(item,index) in image_banner_one[1]" :key="index" :style="'float: '+get_float(index)+';'">
					<u--image @click="banners_nav(item)" height="200rpx" width="310rpx" :src="get_img+item.image">
					</u--image>
				</view>
			</view>
			<!-- <view class="gg">
				<u--image height="200rpx" width="650rpx" :src="src"></u--image>
			</view> -->

		</view>

		<view style="height: 500rpx;margin-top: 260rpx;">
			<view class="_a">
				<p class="_a_p">置业顾问</p>
				<view class="_b" @click="more">
					<view class="vrey">更多</view>
					<view class="vrey_icon">
						<u-icon name="arrow-right" color="#999999"></u-icon>
					</view>
				</view>
			</view>
			<view >
				<u-scroll-list indicatorActiveColor="#DA251E" indicatorColor="#fff">
					<view  class="jingpin" v-for="(item,index) in custom" :key="index" @click="go_custom(item)">
						<view class="jingpin1">
							<view @click="boutique_a" style="margin: 10rpx 0 0 75rpx;">
								<!-- 头像图片 -->
								<u--image :src="get_img+item.header" width="100rpx" height="100rpx" radius="50rpx">
								</u--image>
							</view>
							<view class="jingpin2">{{item.name}}</view>
							<view class=" jingpin3">{{item.work}}</view>
							<view class="jingpin_icon">
								<view style="float: left;margin: 7rpx 0 0 18rpx;">
									<!-- 微信小图标 -->
									<u-icon name="chat-fill" color="#ffffff" size="16"></u-icon>
								</view>
								<view @click="talk(item.uid)"
									style="float: right; font-size: 26rpx;color: white;margin: 4rpx 10rpx 4rpx 0;">咨询
								</view>
							</view>
						</view>
					</view>
				</u-scroll-list>
			</view>
		</view>

		<view >
			<u-tabs :list="list3" :scrollable='scrollable' @click="click" :activeStyle='activeStyle'
				:inactiveStyle='inactiveStyle'>
			</u-tabs>
		</view>
		<!-- <view class="u-page" v-for="(item,index) in project" :key="index" v-if="state == 0" @click="house(item)">
			<view class="u-demo-block">
				<view class="u-demo-block__content">
					<u-row customStyle="margin-bottom: 10px;margin-top:50rpx">
						<u-col span="4">
							<view class="demo-layout bg-purple">
								<image class="span_one" :src="get_img+item.icon" radius="30rpx">
								</image>
							</view>
						</u-col>
						<u-col span="5">
							<view class="demo-layout bg-purple-light">
								<p style="font-size: 35rpx;font-weight: 400;">{{item.name}}</p>
								<p style="font-size: 28rpx;color: #787777;">{{item.short_name}}</p>
								<span class="p1" v-for="(item1,index1) in item.label" :key="index1"
									v-if="index1<2">{{item1}}</span>
								<p class="loupan"><span style="font-size: 25rpx ;">均价：</span><span
										style="color: red;font-weight: 700;">{{item.price}}</span>
									<span
										style="color: red;font-weight: 400; font-size: 22rpx; margin-left: 10rpx">元/m</span>
									<span class="sb">2</span>
								</p>
							</view>
						</u-col>
						<u-col span="3">
							<view class="demo-layout bg-purple-dark">
								<view class="text_one">在售</view>
							</view>
						</u-col>
					</u-row>
				</view>
			</view>
			<view>
				<u-line color="#8e8e8e"></u-line>
			</view>
		</view> -->

		<view class="sell">
			<view v-if="state == 0" v-for="(item,index) in project" :key="index" @click="house(item)">
				<!-- <view class="gg" style="padding-top: 290rpx;">
					<p>{{item.name}}</p>
					<p style="font-size: 22rpx;color: darkgrey;">{{item.short_name}}</p>
				</view> -->
				<view style="height: 310rpx;">
					<view>
						<!-- <image class="sell_image" :src="get_img+item.icon"></image> -->
						<u--image mode="scaleToFill" :src="get_img+item.icon" radius="15rpx" width="348rpx"
							height="250rpx"></u--image>
						<view class="sell_icon1">
							<view class="sell_icon">在售</view>
						</view>

					</view>
					<view class="sell_a">
						<view class="sell_name">{{item.name}}</view>
						<view class="sell_m">约{{item.price}}元/m<span class="sb">2</span>起</view>
						<view class="sell_p">{{item.pay_num||0}}人想买</view>
						<view class="sell_d">{{item.address}}</view>
						<span class="p1" v-for="(item1,index1) in item.label" :key="index1"
							v-if="index1<2">{{item1}}</span>
					</view>
					<!-- <view style="float: right;padding-right: 25rpx;text-align: center;height: 25rpx;">
						<p :class="'p'+(index1+1)" v-for="(item1,index1) in item.label" :key="index1" v-if="index1<3">
							{{item1}}</p>
					</view> -->
				</view>
			</view>
		</view>

		<view v-if="state == 1">

			<!-- #ifdef MP-WEIXIN -->


			<view class="u-page" v-for="(item,index) in article" :key="index" @click="go_article(item)">
				<view class="u-demo-block">
					<view class="u-demo-block__content">
						<u-row customStyle="margin-bottom: 10px;margin-top:50rpx">
							<u-col span="8">
								<view class="demo-layout bg-purple">
									<view class="text_two">{{item.name}}</view>
									<!-- <view class="text_three">中建壹品璟苑</view> -->
								</view>
							</u-col>
							<u-col span="4">
								<view class="demo-layout bg-purple-light">
									<image class="span_two" :src="get_img+item.icon" radius="30rpx">
									</image>
								</view>
							</u-col>
						</u-row>
					</view>
				</view>
				<view style="margin-left: 50rpx;">
					<u-line length="97%" color="#8e8e8e"></u-line>
				</view>
			</view>
			<!-- #endif -->


			<!-- #ifdef MP-TOUTIAO -->

			<view class="u-page" v-for="(item,index) in article" :key="index" @click="go_article(item)">
				<view class="u-demo-block">
					<view class="u-demo-block__content">
						<u-row customStyle="margin-bottom: 10px;margin-top:50rpx">
							<u-col span="8">
								<view class="demo-layout bg-purple">
									<view class="text_two">{{item.name}}</view>
								</view>
							</u-col>
							<u-col span="4">
								<view class="demo-layout bg-purple-light">
									<image class="span_two" :src="get_img+item.icon" radius="30rpx">
									</image>
								</view>
							</u-col>
						</u-row>
					</view>
				</view>
				<view style="margin-left: 50rpx;">
					<u-line length="97%" color="#8e8e8e"></u-line>
				</view>
			</view>
			<!-- #endif -->

			<view style="height: 10rpx;"></view>
		</view>




	</view>
</template>
<script>
	var _self
	export default {
		data() {
			return {
				src: "https://cdn.uviewui.com/uview/album/1.jpg",
				styles: {
					Width: "150rpx",
				},
				get_img: this.$get_img,
				image_banner_one: [
					[],
					[],
					[]
				],
				list: [],
				infor: {},
				list1: [],
				article: [],
				project: [],
				project_form: {
					page: 1,
					num: 5,
					is_end: false
				},
				article_form: {
					page: 1,
					num: 5,
					is_end: false
				},
				list2: [{}, {}, {}],
				disabled: true,
				sys: {},
				is_chick: false,
				is_coupon: false,
				baseList: [],
				notice: [],
				is_tree: true,
				is_blind: true,
				show: true,
				list3: [{
					name: '新房',
				}, {
					name: '资讯',
				}],
				list4: [{}, {}, {}],
				state: 0,
				label: [{}, {}, {}],
				custom: []

			}
		},
		onReady() {

			console.log("Reading")
		},
		onShow() {
			let that = this
			setTimeout(function() {
				that.get_tree()
			}, 3000)
		},
		onReachBottom() {
			if (this.state == 0) {
				this.project_form.page++
				this.get_project()
			} else {
				this.article_form.page++
				this.get_article()
			}

		},
		onLoad() {
			this.project = []
			this.article = []
			_self = this
			this.get_home_set()
			//this.infor = uni.getStorageSync("infor")
			this.index()
			this.get_nav()
			this.get_notice()
			this.get_custom()
			this.get_image_banners(0)
			this.get_image_banners(1)
			this.get_project()
			this.get_article()
			setTimeout(function() {
				_self.sys = uni.getStorageSync("sys")
				_self.check_coupon()
				_self.get_tree()
			}, 2000)
		},
		methods: {
			house(item) {
				uni.navigateTo({
					url: "/pages/house/house?id=" + item.id
				})
			},
			get_project() {
				if (this.project_form.is_end) {
					return;
				}
				let url = "user/project/get_project?page=" + this.project_form.page + "&num=" + this.project_form.num
				this.$model.get(url).then(res => {
					if (res.code == 200) {
						if (res.data.data.length > 0) {
							res.data.data.forEach(function(value) {
								_self.project.push(value)
							})
						} else {
							_self.project_form.is_end = true
						}

					}
				})
			},
			go_article(item) {
				uni.setStorageSync("article", item)
				uni.navigateTo({
					url: "/pages/list/list?type=article&id=" + item.id
				})
			},
			get_article() {
				if (this.article_form.is_end) {
					return;
				}

				this.$model.get("user/common/get_article?page=" + this.article_form.page + "&num=" + this.article_form.num)
					.then(res => {
						if (res.data.data.length > 0) {
							res.data.data.forEach(function(value) {
								_self.article.push(value)
							})
						} else {
							_self.article_form.is_end = true
						}
					})

			},
			go_custom(item) {
				uni.setStorageSync("hxxq_custom", item)
				uni.navigateTo({
					url: '/pages/adviser/adviser?id=' + item.uid
				})
			},

			get_float(index) {
				if (index % 2 == 0) {
					return "left"
				} else {
					return "right"
				}
			},
			banners_nav(item) {
				console.log(item)
				switch (item.jump_type) {
					case 0:
						break;
					case 1:
						uni.navigateTo({
							url: '/pages/house/house?id=' + item.value
						})
						break;
					case 2:
						uni.navigateTo({
							url: '/pages/adviser/adviser?id' + item.value
						})
						break;
					case 3:
						uni.navigateToMiniProgram({
							appId: item.value
						})
						break;
					case 4:
						uni.navigateTo({
							url: item.value
						})
						break
					case 5:
						uni.navigateTo({
							url: '/pages/index/web?url=' + item.value
						})
						break;
					case 6:
					uni.navigateTo({
						url:'/pages/list/list?id='+item.value
					})
					break;


				}
			},
			get_image_banners(type) {
				let that = this
				this.$model.get("user/common/get_image_banners?type=" + type).then(res => {
					if (res.code == 200) {
						that.image_banner_one[type] = res.data
					}
				})
			},
			talk(id) {
				uni.navigateTo({
					url: '/pages/chat/chat?id=' + id
				})
			},
			get_custom() {
				let that = this
				this.$model.get("user/common/get_custom").then(res => {
					that.custom = res.data
				})

			},
			get_notice() {
				let that = this
				this.$model.get("user/common/get_notice").then(res => {
					res.data.forEach(function(value) {
						that.notice.push(value.content)
					})

				})
			},
			get_nav() {
				let that = this
				this.$model.get("user/common/get_nav").then(res => {
					if (res.code == 200) {
						let data = []
						res.data.forEach(function(value) {
							if (value.type == 0) {
								data.push({
									name: that.get_img + value.icon,
									title: value.name,
									path: value.value
								})
							}
						})
						that.baseList = data
						console.log(res.data)
					}
				})
			},
			grid_click(e) {
				console.log(this.baseList[e])
				uni.navigateTo({
					url: this.baseList[e].path
				})
			},
			get_tree() {
				let that = this
				this.$model.get("user/task/is_tree").then(res => {
					if (res.code == 200) {
						uni.setStorageSync("is_tree", res.data.data)
						that.is_tree = res.data.data
					}
				})
				that.is_chickd()
			},
			check_coupon() {
				let that = this
				this.$model.get("user/coupon/check_coupon").then(res => {
					if (res.code == 200) {
						that.is_coupon = res.data.data
						console.log("is_coupon:", that.is_coupon)
					}
				})
			},
			is_chickd() {
				let that = this
				this.$model.get("user/task/is_chiken").then(res => {
					if (res.code == 200) {
						that.is_chick = !res.data.data
					}
				})
			},
			swiper_click(e) {
				let choose = this.list1[e]
				if (choose.type == 2) {
					uni.navigateTo({
						url: "../house/house?id=" + choose.value
					})
				}
				if (choose.type == 3) {
					uni.navigateTo({
						url: choose.value
					})
				}

				if (choose.type == 1) {
					uni.setStorageSync("article", choose.article)
					uni.navigateTo({
						url: "../list/list?type=article"
					})
				}

			},
			get_height(item) {
				//w   h
				//--= --
				//750  x
				//wx=750h
				//x=750h/w
				var h = 750 * item.h / parseFloat(item.w)
				h = parseInt(h)
				return h + "rpx"
			},
			image_bt(item) {
				if (item.layout == 1) {
					uni.setStorageSync("article", item.article)
					uni.navigateTo({
						url: "../list/list?type=article"
					})
				}
				if (item.layout == 2) {
					uni.navigateTo({
						url: item.jump_url
					})
				}

			},
			change(e) {

			},
			navoff() {
				uni.navigateTo({
					url: './officialaccount'
				})
			},
			get_home_set() {
				this.$model.get("user/common/get_index").then(res => {
					if (res.code == 200) {
						_self.list = res.data
					}
				})
			},
			index() {
				let that = this
				this.$model.get("user/common/get_banners").then(res => {
					if (res.code == 200) {
						that.list1 = res.data
						// console.log(this.list1)
						for (var i = 0; i < that.list1.length; i++) {
							that.list1[i].image = that.get_img + that.list1[i].image
						}

					}
				})
			},
			get_check() {
				let that = this
				this.$model.get("user/task/get_chicken").then(res => {
					if (res.code == 200) {
						uni.showToast({
							title: '已领取'
						})
						uni.navigateTo({
							url: '../chick/chick'
						})
						that.is_chickd()
					}
				})
			},
			get_conpon() {
				let that = this
				this.$model.get("user/coupon/get_first_coupon").then(res => {
					if (res.code == 200) {
						uni.showToast({
							title: "已领取",
							duration: 500
						})
						setTimeout(function() {
							uni.navigateTo({
								url: '../coupon/coupon'
							})
						}, 500)
						that.check_coupon()
						that.show = false
					}
				})
			},
			get_blind() {
				let that = this
				uni.navigateTo({
					url: '../coupon/coupon'
				})
			},
			tree() {
				uni.navigateTo({
					url: '../index/redenvelopes'
				})
			},
			more() {
				uni.navigateTo({
					url: "../index/adviser_more"
				})
			},
			info() {
				uni.navigateTo({
					url: "../index/more_info"
				})
			},
			click(item) {
				console.log('item', item);
				this.state = item.index
			},
			// #ifdef MP-WEIXIN
			getphone(e) {
				console.log(e)
				let that = this;
				uni.login({
					provider: 'weixin',
					success: function(loginRes) {
						let data = {
							encryptedData: e.detail.encryptedData,
							iv: e.detail.iv,
							code: loginRes.code,
						}
						that.$model.post("auth/bind_model", data).then(res => {
							if (res.code == 200) {
								uni.showToast({
									title: "绑定成功"
								})
								that.infor = res.data
							}
						})
					}
				})
			},
			// #endif
			// #ifdef MP-TOUTIAO
			getphone(e) {
				console.log(e)
				let that = this;
				uni.login({
					provider: 'toutiao',
					success: function(loginRes) {
						let data = {
							encryptedData: e.detail.encryptedData,
							iv: e.detail.iv
						}
						that.$model.post("auth/dy_bind_phone", data).then(res => {
							if (res.code == 200) {
								uni.showToast({
									title: "绑定成功"
								})
								that.infor = res.data
							}
						})
					}
				})
			},
			// #endif
			go_pay() {
				uni.navigateTo({
					url: "./pay"
				})
			},

		}
	}
</script>

<style lang="scss" scoped>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.grid-text {
		font-size: 27rpx;
		padding: 10rpx;
	}

	.qb {
		width: 70rpx;
		height: 70rpx;
		float: right;
		padding: 50% 20rpx 0 0;
	}

	.nav_bg {
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 750rpx;
	}

	.book_img {
		height: 846rpx;
		width: 720rpx;
		margin: 100rpx;
		border-radius: 10px;
		background-size: 100% 100%;
		position: fixed;
		z-index: 1;
		margin: -700rpx 135rpx 0 15rpx;
	}

	.coupon_tc {
		width: 566rpx;
		height: 406rpx;
		position: fixed;
		z-index: 1;
		margin-top: -300rpx;
		margin-left: 92rpx;
	}

	.jingpin {
		width: 250rpx;
		height: 300rpx;
		border-radius: 10rpx;
		box-shadow: 0 0 5rpx #717070;
		margin: 5rpx 0 5rpx 50rpx;
	}

	.sb {
		vertical-align: text-top;
		font-size: 8px;
		color: red;
	}

	// .jingpin1 {
	// 	width: 200rpx;
	// 	height: 300rpx;
	// }

	.jingpin2 {
		margin-top: 10rpx;
		width: 250rpx;
		height: 50rpx;
		font-size: 30rpx;
		text-align: center;
		font-weight: bold;
	}

	.jingpin3 {
		text-align: center;
		width: 250rpx;
		height: 50rpx;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 9px;
		color: #999999;
	}

	.jingpin_icon {
		/* margin: -35rpx 590rpx; */
		font-size: 30rpx;
		width: 120rpx;
		height: 50rpx;
		border-radius: 30rpx;
		background-color: #FA646A;
		text-align: center;
		line-height: 40rpx;
		margin: 0 0 0 60rpx;
		background-image: linear-gradient(-90deg, yellow, red);
	}


	.jingpin_a {
		width: 250rpx;
		height: 100rpx;
		margin: 30rpx 215rpx;
	}

	._a {
		margin-top: 60rpx;
		padding-bottom: 60rpx;
		margin-bottom: 20rpx;
	}

	._a_p {
		float: left;
		font-size: 18px;
		font-weight: 700;
		margin-left: 50rpx;
	}

	._b {
		float: right;
		background-color: #fff;
		width: 120rpx;
		height: 45rpx;
		font-size: 30rpx;
		border-radius: 20rpx
	}

	.vrey {
		float: left;
		margin-left: 15rpx;
		letter-spacing: 5rpx;
		margin-top: 5rpx;
		color: #999999;
	}

	.vrey_icon {
		float: right;
		margin-top: 5rpx;
	}

	.span_one {
		height: 150rpx;
		width: 200rpx;
		border-radius: 20rpx;
		margin: 0 0 0 50rpx;
	}

	.span_two {
		float: right;
		height: 150rpx;
		width: 200rpx;
		margin-right: 20rpx;
		border-radius: 20rpx;
	}

	/* #ifdef MP-TOUTIAO */
	.span_two {
		float: right;
		height: 150rpx;
		width: 200rpx;
		border-radius: 20rpx;
		margin-right: -220rpx;
	}

	.text_two {
		font-size: 32rpx;
		font-weight: 900;
		margin-left: 50rpx;
		width: 400rpx;
	}

	/*#endif  */

	.icon_one {
		margin: 0 0 0 60rpx;
		float: left;
		border-radius: 35rpx;
		width: 70rpx;
		height: 70rpx;
		background-color: #FFECEB;
	}

	.loupan {
		font-size: 30rpx;
		color: #787777;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.text_one {
		height: 38rpx;
		width: 70rpx;
		text-align: center;
		line-height: 38rpx;
		background-color: #FF6406;
		margin-left: 100rpx;
		font-size: 24rpx;
		font-weight: 400;
		color: #FFFFFF;
		border-radius: 2px;
	}

	.demo-layout {
		height: 200rpx;
		border-radius: 4px;
	}

	.bg-purple {
		background: #ffffff;

	}

	.bg-purple-light {
		background: #ffffff;
		margin-left: 10rpx;
	}

	.bg-purple-dark {
		background: #ffffff;
	}

	.p1 {
		width: auto;
		background-color: #F4F4F4;
		text-align: center;
		margin-top: 10rpx;
		font-size: 23rpx;
		height: 40rpx;
		padding: 5rpx;
		border-radius: 10rpx;
		color: #92969B;
		margin-left: 10rpx;
	}

	.text_three {
		font-size: 25rpx;
		color: #8E8E8E;
		margin: 50rpx 0 0 50rpx;
	}

	.text_two {
		font-size: 32rpx;
		font-weight: 900;
		margin-left: 50rpx;
	}

	.gg {
		width: 650rpx;
		//height: 200rpx;
		margin: 0 50rpx 10rpx 50rpx;
	}

	.gd {
		width: 675rpx;
		height: 80rpx;
		margin: 0 0 0 50rpx;
		background-color: #F7D0D0;
		text-align: center;
		font-size: 30rpx;
		font-weight: 300;
		color: red;
	}

	.sell {
		padding-left: 20rpx;
		height: auto;
		width: auto;
		margin-top: 30rpx;
	}

	.sell_name {
		font-weight: 700;
		font-size: 40rpx;
		width: 380rpx;
		margin-left: 10rpx;
	}

	.sell_m {
		font-size: 28rpx;
		color: #FF5A56;
		margin: 15rpx 0rpx 0 10rpx;
		/* font-weight: 500; */
	}

	.sell_p {
		color: #828282;
		font-size: 23rpx;
		margin: 10rpx 0 5rpx 10rpx;
	}

	.sell_d {
		font-size: 26rpx;
		color: #828282;
		margin: 10rpx 0 10rpx 10rpx;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.sell_a {
		float: right;
		padding-right: 41rpx;
		height: 255rpx;
		margin-top: -250rpx;
		width: 340rpx;
	}

	.sell_image {
		float: left;
		width: 350rpx;
		height: 255rpx;
		padding-top: 15rpx;
		border-radius: 15rpx;
	}

	.sell_icon {
		width: 70rpx;
		width: 80rpx;
		background-color: #007AFF;
		color: #FFFFFF;
		text-align: center;
		/* margin: -240rpx 0rpx 0 10rpx; */
		margin-top: -7rpx;
		border-radius: 10rpx;
		position: absolute;
	}

	.sell_icon1 {
		width: 80rpx;
		height: 50rpx;
		position: absolute;
		margin-top: -240rpx;
		margin-left: 10rpx;
	}

	.p1 {
		width: auto;
		background-color: #F4F4F4;
		text-align: center;
		margin-top: 10rpx;
		font-size: 23rpx;
		height: 40rpx;
		padding: 5rpx;
		border-radius: 10rpx;
		color: #92969B;
		margin-left: 10rpx;
	}

	// .guanggao {
	//   float: left !important
	// }
</style>
